<!-- base.html -->

<!DOCTYPE html>
{% load static %}

<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
    {% include 'base-head.html' %}
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

    <!-- Main Header -->
    <header class="main-header">
        <title>{% block title %}PTQA 测试工作台{% endblock %}</title>
        {% include 'base-main-header.html' %}
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        {% include 'base-main-sidebar.html' %}
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                {% block content-header %}Page Header{% endblock %}
                <small>{% block content-header-description %}Optional
                    description{% endblock %}</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="/"><i class="fa fa-dashboard"></i> PTQALTE</a></li>
                <li>{% block breadcrumb-app %}<a href="/">App</a>{% endblock %}
                </li>
                <li class="active">{% block breadcrumb-app-active %}
                    Here{% endblock %}</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">

            <!-- Your Page Content Here -->
            {% block content %}...{% endblock %}

            {% block custom_content %}{% endblock %}

        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- To the right -->
        <div class="pull-right hidden-xs">
            Anything you want
        </div>
        <!-- Default to the left -->
        <strong>Copyright &copy; 2016 <a href="#">Company</a>.</strong> All
        rights reserved.
    </footer>

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
        {% include 'base-control-sidebar.html' %}
    </aside>
    <!-- /.control-sidebar -->
    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->

<!-- jQuery  -->
{#<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>#}
<script src="/static/plugins/jQuery/jquery-1.12.4.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="/static/bootstrap/js/bootstrap-3.3.7.min.js" ></script>


<!-- bootstrap-fileinput js -->
<script src="/static/plugins/bootstrap-fileinput/js/fileinput.min.js"></script>
<script src="/static/plugins/bootstrap-fileinput/js/locales/zh.js"></script>

<!-- AdminLTE App -->
<script src="/static/dist/js/app.min.js"></script>

<!-- artTemplate -->
<script src="/static/custom/artTemplate.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8"
        src="/static/plugins/datatables/jquery.dataTables.js"></script>

<!-- Boostrap-select -->
<script src="/static/plugins/bootstrap-select/dist/js/bootstrap-select.min.js"></script>

<!-- qrcode 二维码-->
<script src="/static/plugins/qrcode/jquery.qrcode.min.js"></script>

<!-- 图片缩略展示与放大预览-->
<script type="text/javascript" charset="utf8" src="/static/plugins/Lightbox/zoomify.min.js"></script>

<!-- custom js -->
<script src="/static/custom/sdklog.js"></script>

<!-- Template Block Custom Javascript -->
{% block custom-js-file %}{% endblock %}
<!-- Template Block Custom Javascript Code-->
{% block custom-js-code %}{% endblock %}
<!-- 只在当前页面使用的js -->
{% block single-js-code %}{% endblock %}

<script type="text/javascript">
    $(document).ready(function () {
        $("#{%block sidebar_active %}{% endblock %}").addClass("active");
    });
</script>

<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. Slimscroll is required when using the
     fixed layout. -->

{% include "plugins.html" %}

</body>
</html>


<!-- /.base.html -->